
    <div style="padding: 10px;">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
            <legend>产品详情</legend>
        </fieldset>
        <div class="layui-row">
            <!--layui-col-md-offset3:列偏移3-->
            <div class="layui-col-md10  layui-col-md-offset1">
                <table class="layui-table"  lay-skin="nob" lay-size="lg">
                    <!--<thead>
                    <tr>
                        <th>项目</th>
                        <th>信息</th>
                    </tr>
                    </thead>-->
                    <tbody >
                    <tr>
                        <td style="padding-right: 0px;padding-left: 10px;">产品名称：</td>
                        <td>{$goodsData.name}</td>
                        <td style="padding-right: 0px;padding-left: 10px;">产品价格：</td>
                        <td>{$goodsData.price}</td>
                        <td style="padding-right: 0px;padding-left: 10px;">产品编号：</td>
                        <td>{$goodsData.goods_no}</td>
                    </tr>
                    <tr>
                        <td style="padding-right: 0px;padding-left: 10px;">产品数量：</td>
                        <td>{$goodsData.pro_num}</td>
                        <td style="padding-right: 0px;padding-left: 10px;">具体规格：</td>
                        <td>{$goodsData.pro_standard}</td>
                        <td style="padding-right: 0px;padding-left: 10px;">产品大小：</td>
                        <td>{$goodsData.pro_size}</td>
                    </tr>
                    <tr>
                        <td style="padding-right: 0px;padding-left: 10px;">适用节日：</td>
                        <td>{$goodsData.festival}</td>
                        <td style="padding-right: 0px;padding-left: 10px;">适用对象：</td>
                        <td>{$goodsData.target}</td>
                        <td style="padding-right: 0px;padding-left: 10px;">适用场景：</td>
                        <td>{$goodsData.situation}</td>
                    </tr>
                    <tr>
                        <td style="padding-right: 0px;padding-left: 10px;">产品品类：</td>
                        <td>{$goodsData.class}</td>
                        <td style="padding-right: 0px;padding-left: 10px;">产品类型：</td>
                        <td>{$goodsData.type}</td>
                        <td style="padding-right: 0px;padding-left: 10px;">产品系列：</td>
                        <td>{$goodsData.series}</td>
                    </tr>
                    <tr>
                        <td style="padding-right: 0px;padding-left: 10px;">产品规格：</td>
                        <td>{$goodsData.standard}</td>

                        <!--<button id="sildeImgs" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-warm ">查看</button>-->

                    </tr>
                    <tr>
                        <td style="padding-right: 0px;padding-left: 10px;">产品轮播图：</td>
                        <td colspan="5">
                            <div id="layer-photos-demo" class="layer-photos-demo">
                            <foreach name="goodsData['slideImageData']" item="slideImg">
                                <img layer-pid="图片id，可以不写" layer-src="__ROOT__{$slideImg['src']}" src="__ROOT__{$slideImg['src']}" style="height: 50px; padding-right: 10px" alt="轮播图">
                            </foreach>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-right: 0px;padding-left: 10px;">产品详情图：</td>
                        <td colspan="5">
                            <div id="layer-photos-demo2" class="layer-photos-demo">
                                <foreach name="goodsData['detailImageData']" item="detailImg">
                                    <img layer-pid="图片id，可以不写" layer-src="__ROOT__{$detailImg['src']}" src="__ROOT__{$detailImg['src']}" style="height: 50px; padding-right: 10px" alt="详情图">
                                </foreach>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>
                            <button class="layui-btn  layui-btn-normal" style="border-radius: 10px;margin-left: 70%;" lay-submit="" id="detailEdit" lay-filter="demo1">编辑</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
    <script>

        $('#detailEdit').on('click',function () {

            $.ajax({
                url:"{:U('goodsDetail')}",
                data: "id={$goodsData['id']}&show=edit",
                method:'post',
                success:function (res) {
                        $('#goodslistBody').html(res);
                }
            });
        });
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.photos({
                photos: '#layer-photos-demo'
                ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });
            layer.photos({
                photos: '#layer-photos-demo2'
                ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });
            $('detailEdit').on('click',function(){

            });

        });

    </script>